<template>
  <div>
    <van-nav-bar
      title="我的订单"
      left-text="返回"
      left-arrow
      class="navbar"
      @click-left="onClickLeft"
    />
    
    <div class="myding">
      <div class="ka" v-for="(s,i) in data" :key="i">
        <div>
          <img :src="imgBase+s.laptop_pic1" alt="">
        </div>
        <div>
          <div>{{s.title}}</div>
          <div class="wen">
            <div>
              ￥:{{s.price}}
            </div>
            <div class="zhifu">
              数量:1
            </div>
          </div>
          <div class="zhuangtai">
    
        <div>已使用</div>
      </div>
        </div>      
      </div>
      
    </div>

  </div>
</template>

<script>
import Myding from '@/components/Myding.vue'
import { mapState } from 'vuex'
  export default {
    data() {
      return {
        data: ''
      }
    },
     computed: {
...mapState(['imgBase'])
 },
    
  components: { Myding },
    methods: {
      onClickLeft() {
        this.$router.go(-1)
      }
    },
       mounted () {
       let url=`/dd_cha?uname=${this.$store.state.username}&&ordeail_id=2`
        this.axios.get(url).then(res=>{
      
          this.data=res.data.result
      },
    
 )}
  }
</script>

<style scoped src='../assets/css/myding.css'></style>
<style scoped src='../assets/css/main.css'></style>